<template>
  <div>
    <div class="hefl flex_center">©SavingTik.Com 2023 All Rights Reserved.</div>
    <div class="link flex_ccenter">
      <nuxt-link to="/contact">
        <div>{{ currentObj.contact }}</div>
      </nuxt-link>
      <nuxt-link to="/terms-of-use">
        <div class="tr">{{ currentObj.Termsofuse }}</div>
      </nuxt-link>
      <nuxt-link to="/privacy-policy">
        <div>{{ currentObj.PrivacyPolicy }}</div>
      </nuxt-link>
      <nuxt-link to="/blog">
        <div>blog</div>
      </nuxt-link>
    </div>
  </div>
</template>
  <script>
import { mapState, mapGetters, mapMutations } from "vuex";
import { handleClick } from "@/plugins/Firebase.js";
import dataList from "@/static/tools.js";

export default {
  computed: {
    ...mapGetters(["language"]),
    current() {
      return this.list1.findIndex((x) => x == this.language);
    },
    currentObj(){
      return this.currentList[this.current]
    },
    path() {
      return this.$route.path;
    },
    pathText() {
      let path = this.$route.path;
      if (/mp3/.test(path)) {
        // 这里的代码处理包含'mp3'的情况，你可以根据自己的需求修改
        return "2";
      } else if (/story/.test(path)) {
        // 这里的代码处理包含'story'的情况，你可以根据自己的需求修改
        return "3";
      } else {
        // 这里的代码处理既不包含'mp3'，也不包含'story'的情况，你可以根据自己的需求修改
        return "1";
      }
    },
  },
  created() {
    // this.$router.push(this.language + "/");
  },
  mounted() {
    if (process.client) {
      if (!localStorage.getItem("language")) {
        localStorage.setItem("language", "en");
        this.setLanguageHandel("en");
      } else {
        this.setLanguageHandel(localStorage.getItem("language"));
      }
    }
  },
  data() {
    return {
      currentList: dataList.list,
      showAppRight: false,
      list: [
        "English", // 英语
        "Bahasa Indonesia", // 印度尼西亚语
        "Tiếng Việt", // 越南语
        "Bahasa Malaysia", // 马来语
        "Basa Jawa", // 爪哇语
        "Čeština", // 捷克语
        "Español", // 西班牙语
        "Français", // 法语
        "German", // 德语
        "Italian", // 意大利语
        "Magyar", // 匈牙利语
        "Nederlands", // 荷兰语
        "Polish", // 波兰语
        "Português", // 葡萄牙语
        "Română", // 罗马尼亚语
        "Thailand", // 泰语
        "Turkish (Turkey)", // 土耳其语
        "Ελληνικά", // 希腊语
        "украї́нська мо́ва", // 乌克兰语
        "Русский", // 俄语
        "عَرَبِيّ", // 阿拉伯语
        "한국어", // 韩语
        "日本語", // 日语
      ],
      list1: [
        "en", // 英语
        "id", // 印度尼西亚语
        "vn", // 越南语
        "ms", // 马来语
        "jv", // 爪哇语
        "cs", // 捷克语
        "es", // 西班牙语
        "fr", // 法语
        "de", // 德语
        "it", // 意大利语
        "hu", // 匈牙利语
        "nl", // 荷兰语
        "pl", // 波兰语
        "pt", // 葡萄牙语
        "ro", // 罗马尼亚语
        "th", // 泰语
        "tr", // 土耳其语
        "el", // 希腊语
        "uk", // 乌克兰语
        "ru", // 俄语
        "ar", // 阿拉伯语
        "ko", // 韩语
        "ja", // 日语
      ],
    };
  },
  // props: {
  //   openBtn: {
  //     type: Boolean,
  //     required: false, // 这表明 "myProp" 属性是必需的
  //   },
  // },
  methods: {
    goToApp(type) {
      // if (this.language == "en") {
      //   if (type == "video") {
      //     this.$router.push("/");
      //   } else if (type == "mp3") {
      //     this.$router.push("/download-tiktok-mp3");
      //   } else {
      //     this.$router.push("/download-tiktok-story");
      //   }
      // } else {
      //   if (type == "video") {
      //     this.$router.push("/" + this.language);
      //   } else if (type == "mp3") {
      //     this.$router.push(this.language + "/download-tiktok-mp3");
      //   } else {
      //     this.$router.push(this.language + "/download-tiktok-story");
      //   }
      // }
      let url = "";
      switch (type) {
        case "video":
          url = "";
          break;
        case "mp3":
          url = "/download-tiktok-mp3";
          break;
        default:
          url = "/download-tiktok-story";
      }
      if (this.language !== "en") {
        url = `/${this.language}${url}`;
      } else if (this.language == "en" && type == "video") {
        url = `/`;
      }
      this.$router.push(url);

      // 切换页面 action_page_switch
      handleClick("action_page_switch", {
        site: type,
        from: "top",
      });
    },
    ...mapMutations(["setLanguage"]),
    setLanguageHandel(lang) {
      this.setLanguage(lang);
    },
    changeLanguage(item, k) {
      localStorage.setItem("language", this.list1[k]);
      this.setLanguage(this.list1[k]);
      if (this.list1[k] == "en") {
        this.$router.push("/");
      } else {
        this.$router.replace('/'+this.list1[k]);
      }
    },
    changeOpenBtn() {
      this.showAppRight = !this.showAppRight;
    },
    close() {
      this.showAppRight = false;
    },
    open() {
      this.showAppRight = true;
    },
    stop() {},
  },
};
</script>
  <style lang="scss" scoped>
.hefl {
  color: rgba(255, 255, 255, 0.3);
  font-size: 10px;
  margin-bottom: 12px;
}
.link {
  position: relative;
  font-size: 12px;
  div {
    height: 50px;
    line-height: 50px;
  }
}
</style>